<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description"
        content="购物网站-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <meta name="Keywords" name="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/detail.css">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <script src="../js/jquery/jquery-3.4.1.js"></script>
    <script src="../js/detail.js"></script>
    <title>购物网站-正品低价、品质保障、配送及时、轻松购物</title>
    <base target="_blank">
</head>

<body>
    <!-- 顶部快捷导航开始 -->
    <div class="shortcut">
        <div class="w">
            <div class="shortcut_left">
                <ul>
                    <li>购物网站欢迎你！</li>
                    <li>
                        <a href="#">请登录</a>
                        <a href="#" class="register">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="shortcut_right">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li class="line"></li>
                    <li class="drop_down_mypyg">
                        <a href="#">我的关注</a><i></i>
                        <div class="my_pyg">
                            <div class="my_pygTop">
                                <ul class="clearfix">
                                    <li><a href="#">待处理订单</a></li>
                                    <li><a href="#">消息</a></li>
                                    <li><a href="#">返修退换货</a></li>
                                    <li><a href="#">我的问答</a></li>
                                    <li><a href="#">降价商品</a></li>
                                    <li><a href="#">我的关注</a></li>
                                </ul>
                            </div>
                            <div class="my_pygBottom">
                                <ul>
                                    <li><a href="#">我的京豆</a></li>
                                    <li><a href="#">我的优惠券</a></li>
                                    <li><a href="#">我的白条</a></li>
                                    <li><a href="#">我的理财</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="line"></li>
                    <li><a href="#">会员</a></li>
                    <li class="line"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="line"></li>
                    <li class="drop_down"><a href="#">关注网站</a><i></i></li>
                    <li class="line"></li>
                    <li class="drop_down"><a href="#">客户服务</a><i></i></li>
                    <li class="line"></li>
                    <li class="drop_down"><a href="#">网站导航</a><i></i></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 顶部快捷导航结束 -->
    <!-- 头部开始 -->
    <div class="header w">
        <div class="header_top clearfix">
            <div class="logo">
                <h1>
                    <a href="#">购物网站</a>
                </h1>
            </div>
            <div class="seckill">
                <a href="javascript:void(0)" class="sk"></a>
            </div>
            <div class="search">
                <input type="text" id="search" placeholder="闪迪存储卡">
                <button id="search_btn">搜索</button>
                <ul>
                    <li><a href="#">优惠购首发</a></li>
                    <li><a href="#">亿元优惠</a></li>
                    <li><a href="#">9.9元团购</a></li>
                    <li><a href="#">每满99减33元</a></li>
                    <li><a href="#">办公用品</a></li>
                    <li><a href="#">电脑</a></li>
                    <li><a href="#">通信</a></li>
                </ul>
            </div>
            <div class="shopcar">
                <i></i>
                <a href="#" class="mycar">
                    我的购物车
                    <div class="number">0</div>
                </a>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- nav 开始 -->
    <div class="nav">
        <div class="w">
            <div class="nav-left">
                <div class="title">
                    全部商品分类
                </div>
            </div>
            <div class="nav_right">
                <ul>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">美妆馆</a></li>
                    <li><a href="#">超市</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">闪购</a></li>
                    <li><a href="#">团购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">有趣</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- nav结束 -->
    <!-- 详情开始 -->
    <div class="detail w clearfix">
        <div class="detail_left">
            <div class="url">
                <ul class="clearfix">
                    <li><a href="#">手机、数码、通讯</a><i></i></li>
                    <li><a href="#">手机</a><i></i></li>
                    <li><a href="#">Apple苹果</a><i></i></li>
                    <li><a href="#">iphone 6S Plus系类</a><i></i></li>
                </ul>
            </div>
            <div class="display">
                <div class="picture">
                    <img src="../upload/s3.png" alt="">
                    <div class="mask"></div>
                </div>
                <div class="big_picture">
                    <img src="../upload/b3_20190731_105344.png" alt="">
                </div>
                <div class="picture_list">
                    <ul class="clearfix">
                        <li class="current"><img src="../upload/s3.png" alt=""></li>
                        <li><img src="../upload/mobile.jpg" alt=""></li>
                        <li><img src="../upload/s3.png" alt=""></li>
                        <li><img src="../upload/s3.png" alt=""></li>
                        <li><img src="../upload/s3.png" alt=""></li>
                    </ul>
                    <div class="arrow_next"></div>
                    <div class="arrow_pre"></div>
                </div>
            </div>
        </div>
        <div class="detail_right">
            <h4>Apple iPhone 6s（A1700）64G玫瑰金色 移动通信电信4G手机</h4>
            <p>推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有花费返</p>
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td>价格</td>
                    <td>￥5299.00 <a href="#">降价通知</a></td>
                    <td>累计评价612188</td>
                </tr>
                <tr>
                    <td>促销</td>
                    <td>
                        <em>加购价</em> <span>满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换 购热销商品 <a
                                href="#">详情 》</a></span>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>支持</td>
                    <td>以旧换新，闲置手机回收 4G套餐超值抢 礼品购</td>
                    <td></td>
                </tr>
                <tr>
                    <td>选择颜色</td>
                    <td class="choose">
                        <a href="#" class="current">玫瑰金</a>
                        <a href="#">金色</a>
                        <a href="#">白色</a>
                        <a href="#">土豪色</a>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>选择版本</td>
                    <td class="choose">
                        <a href="#" class="current">公开版</a>
                        <a href="#">移动版</a>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>购买方式</td>
                    <td class="choose">
                        <a href="#" class="current">官方标配</a>
                        <a href="#">移动优惠购</a>
                        <a href="#">电信优惠购</a>
                    </td>
                    <td></td>
                </tr>
            </table>
            <div class="addCar">
                <div class="ipt">
                    <input type="text" id="goods_number" value="1">
                    <button class="add">+</button>
                    <button class="reduce">-</button>
                </div>
                <button class="add_number">加入购物车</button>
            </div>
        </div>
    </div>
    <!-- 详情结束 -->
    <!-- 商品具体详情开始 -->
    <div class="shop_detail w clearfix">
        <div class="shop_detail_left">
            <ul class="clearfix">
                <li class="current">推荐品牌</li>
                <li>相关分类</li>
            </ul>
            <ol>
                <li>
                    <img src="../upload/aside_img.jpg" title="华为P20">
                    <p class="aside_goods_detail">华为 HUAWEI P20 Pro 全面屏徕卡</p>
                    <p class="aside_goods_price">￥19</p>
                    <button class="addCar">加入购物车</button>
                </li>
                <li>
                    <img src="../upload/aside_img.jpg" title="华为P20">
                    <p class="aside_goods_detail">华为 HUAWEI P20 Pro 全面屏徕卡</p>
                    <p class="aside_goods_price">￥19</p>
                    <button class="addCar">加入购物车</button>
                </li>
                <li>
                    <img src="../upload/aside_img.jpg" title="华为P20">
                    <p class="aside_goods_detail">华为 HUAWEI P20 Pro 全面屏徕卡</p>
                    <p class="aside_goods_price">￥19</p>
                    <button class="addCar">加入购物车</button>
                </li>
                <li>
                    <img src="../upload/aside_img.jpg" title="华为P20">
                    <p class="aside_goods_detail">华为 HUAWEI P20 Pro 全面屏徕卡</p>
                    <p class="aside_goods_price">￥19</p>
                    <button class="addCar">加入购物车</button>
                </li>
                <li>
                    <img src="../upload/aside_img.jpg" title="华为P20">
                    <p class="aside_goods_detail">华为 HUAWEI P20 Pro 全面屏徕卡</p>
                    <p class="aside_goods_price">￥19</p>
                    <button class="addCar">加入购物车</button>
                </li>
                <li>
                    <img src="../upload/aside_img.jpg" title="华为P20">
                    <p class="aside_goods_detail">华为 HUAWEI P20 Pro 全面屏徕卡</p>
                    <p class="aside_goods_price">￥19</p>
                    <button class="addCar">加入购物车</button>
                </li>
            </ol>
        </div>
        <div class="shop_detail_right">
            <ul class="clearfix title">
                <li class="current">商品介绍</li>
                <li>规格与包装</li>
                <li>售后保障</li>
                <li>商品评价（50000）</li>
                <li>手机社区</li>
            </ul>
            <div>
                <div class="goods_introduce goods_current">
                    <div class="goods_datas">
                        <ul>
                            <li>分辨率：1920*1080(FHD)</li>
                            <li>后置摄像头：1200万像素</li>
                            <li>前置摄像头：500万像素</li>
                            <li>核 数：其他</li>
                            <li>频 率：以官网信息为准</li>
                            <li>品牌： Apple ♥关注</li>
                            <li>商品名称：APPLEiPhone 6s Plus</li>
                            <li>商品编号：1861098</li>
                            <li>商品毛重：0.51kg</li>
                            <li>商品产地：中国大陆</li>
                            <li>热点：指纹识别，Apple Pay，金属机身，拍照神器</li>
                            <li>系统：苹果（IOS）</li>
                            <li>像素：1000-1600万</li>
                            <li>机身内存：64GB</li>
                        </ul>
                    </div>
                    <div class="more_datas clearfix">
                        <a href="#" id="more_datas">关闭更多参数<i></i></a>
                    </div>
                    <div class="lzz oym">
                        <img src="../upload/detail_img1.jpg" alt="">
                        <img src="../upload/detail_img2.jpg" alt="">
                        <img src="../upload//detail_img3.jpg" alt="">
                    </div>
                </div>
                <div class="goods_introduce">2</div>
                <div class="goods_introduce">3</div>
                <div class="goods_introduce">4</div>
                <div class="goods_introduce">5</div>
            </div>
        </div>
    </div>
    <!-- 商品具体详情结束 -->
    <!-- footer开始 -->
    <div class="footer">
        <div class="w">
            <div class="footer_top">
                <ul class="clearfix">
                    <li>
                        <div></div>
                        <p>正品保障</p>
                        <span>正品保障，提供发票</span>
                    </li>
                    <li>
                        <div></div>
                        <p>极速配送</p>
                        <span>多仓直发，极速配送</span>
                    </li>
                    <li>
                        <div></div>
                        <p>运输保险</p>
                        <span>运输保险，件坏必偿</span>
                    </li>
                    <li>
                        <div></div>
                        <p>品类齐全</p>
                        <span>品类齐全，轻松购物</span>
                    </li>
                    <li>
                        <div></div>
                        <p>有问必答</p>
                        <span>客服在线，有问必答</span>
                    </li>
                </ul>
            </div>
            <div class="footer_center clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <img src="../upload/erweima.jpg.webp" alt="">
                    </dd>
                    <dd>客户端</dd>
                </dl>
            </div>
            <div class="footer_bottom">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li class="line"></li>
                    <li><a href="#">联系我们</a></li>
                    <li class="line"></li>
                    <li><a href="#">联系客服</a></li>
                    <li class="line"></li>
                    <li><a href="#">商家入驻</a></li>
                    <li class="line"></li>
                    <li><a href="#">营销中心</a></li>
                    <li class="line"></li>
                    <li><a href="#">手机端</a></li>
                    <li class="line"></li>
                    <li><a href="#">友情链接</a></li>
                    <li class="line"></li>
                    <li><a href="#">销售联盟</a></li>
                    <li class="line"></li>
                    <li><a href="#">社区</a></li>
                    <li class="line"></li>
                    <li><a href="#">公益</a></li>
                    <li class="line"></li>
                    <li><a href="#">Englis Site</a></li>
                    <li class="line"></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>地址：北京市××××××××××××××××××× 邮编：100096 电话：×××-×××-×××× 传真：×××-×××××××× 邮箱: ×××××××@××××.com</p>
                <p>京ICP备××××××××号京公网安备××××××××××××</p>
            </div>
        </div>
    </div>
    <!-- footer结束 -->
    <script>
        $(window).toggleClass
    </script>
</body>

</html>